// 交易大厅。。。title
.title {
    display: flex;
    color: #fff;
}

.title>div {
    flex: 1;
    display: flex;
    justify-content: center;
    font-size: 15px;
}

.title>.active>span {
    padding-bottom: 2px;
    color: #a15dfe;
    border-bottom: 1px solid #a15dfe;
}

.color-active {
    color: #a15bfe !important;
}

.s-banner {
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: -7px;
    text-align: center;
}

// 交易大厅。。end

.s-container {
    width: 100%;
    margin-top: 70px;
    .input-box-gg{
        margin-top: 20px;
        width: 100%;
        
        
        .b-content{
            width: 95%;
            height: 100%;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 10px;
            z-index: 99;
            .b-c{
                margin-left: 10px;
                display: flex;
                height: 40px;
                line-height: 40px;
                div{
                    flex: 1;
                    margin-left: 5px;
                    color: #5f5f5f;
                    font-size: 13px;
                }
                input{
                    box-sizing: border-box;
                    font-size: 12px;
                    flex: 3;
                    border: none;
                    border-radius: 0 10px 10px 0;
                    outline: none;
                }
            }
            .b-c-1{
                position: relative;
                &::after{
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 98%;
                    height: 1px;
                    background-color: #dadada;

                }
            }
        }
        
    }
    // 输入框
    .input-box{
        margin-top: 20px;
        width: 100%;
        height: 64px;
        
        .b-content{
            width: 95%;
            height: 100%;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 10px;
            z-index: 99;
            .b-c{
                margin-left: 10px;
                display: flex;
                height: 32px;
                line-height: 32px;
                div{
                    flex: 1;
                    margin-left: 5px;
                    color: #5f5f5f;
                    font-size: 13px;
                }
                input{
                    box-sizing: border-box;
                    font-size: 12px;
                    flex: 3;
                    border: none;
                    border-radius: 0 10px 10px 0;
                    outline: none;
                }
            }
            .b-c-1{
                position: relative;
                &::after{
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 98%;
                    height: 1px;
                    background-color: #dadada;

                }
            }
        }
        
    }


    .r-item {
        width: 100%;
        height: 35px;
        position: relative;
        // margin: 0 auto;
        ul {
            width: 100%;
            height: 100%;
            display: flex;

            .li1 {
                flex: 1.5;
            }

            li {
                flex: 1;
                text-align: center;
                line-height: 35px;
                font-size: 11px;
                color: #fff;
                position: relative;

                button {
                    width: 47px;
                    height: 25px;
                    background-color: #8a4cd8;
                    border: none;
                    outline: none;
                    border-radius: 5px;
                    color: #fff;
                }
                .button-f {
                    width: 68px;
                }
                .button-m {
                    width: 140px;
                    height: 37px;
                    font-size: 15px;
                }

                .b-active {
                    background-color: #5a2898;
                }

                span {
                    color: #feb22f;
                }

            }

        }
    }

    .r-title {
        height: 25px;

        margin-top: 27px;
        background-color: #410c68;
        border-bottom: none;

        &::after {
            content: '';
            position: absolute;
            text-align: center;
            bottom: 0;
            left: 5px;
            width: 95%;
            // height: 1px;
            background-color: #410c68;
        }

        ul {
            li {
                font-size: 10px;
                line-height: 25px;

                &::after {
                    content: '';
                    position: absolute;
                    top: 8px;
                    left: -1px;
                    width: 1px;
                    height: 10px;
                    background-color: #fff;

                }
            }

        }
    }
}
.r-footer{
    margin-top: 10px;
    margin-bottom: 40px;
}
.r-middle{
    margin-top: 10px;
}